Вход

Просмотр полной версии : Растягивание фотографии

Артем125
31.05.2010, 15:43
Всем привет,

Есть фотография. ЕЕ хочу сделать фоном для шапки сайта.

Она должна автоматически растягиваться по горизонтали в зависимости от размеров браузера.


Как это делается, версткой ли, или java подскажите, пожалуйста
trikadin
31.05.2010, 21:20
Вёрсткой. HTML.


<html>
<head>
</head>
<body>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100%">
</body>
</html>


Например. Только это некрасиво выглядеть будет...
Артем125
31.05.2010, 22:57
да, эффект то что нужен.

А как мне это в фоне для ячейки сделать?

может в style?
<td width="250" align="center" valign="bottom" style="background-image: url(1111.gif);
background-repeat:no-repeat; width:100%; height:63" >
trikadin
31.05.2010, 23:05
<table celpadding="0" width="100%" border="1"><!--поля убрал-->
<tr>
<td width="100%"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100%">
</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
</tr>
</table>
trikadin
31.05.2010, 23:07
Полезные ссылки. Правда, почитай:

http://stepbystep.htmlbook.ru/

особенно вот это

http://stepbystep.htmlbook.ru/?id=43
Артем125
31.05.2010, 23:10
Спасибо, ценный ресурс, но не успеваю сейчас все прочесть, если можно, подскажите, как сделать это фоном. Сейчас получается активная фотография. Потому фоном, что поверх нее будут еще фото
trikadin
31.05.2010, 23:58
Слушай, знаешь, я бы не посоветовал тебе так делать, честно, при больших разрешениях у тебя фотка квадратиками пойдёт, а ещё есть вариант, что её сожмёт так, что выглядеть она будет ужасно. Например, вот так:

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="200" height="300">
trikadin
31.05.2010, 23:58
Но чисто из интереса подумаю...
Артем125
01.06.2010, 09:36
для FF: -moz-background-size
Опера: -o-background-size
Хром и Сафари: -webkit-background-size
IE изварата не поймет

А есть какие то способы Ie извращенца заставить воспринимать разширение?

или только программно, например js скрипт сначала определяет что за браузер и в зависимости от результата формирует код?